<template>
    <el-header v-if="!navTabs.state.tabFullScreen" class="layout-header">
        <component :is="config.layout.layoutMode + 'NavBar'"></component>
    </el-header>
</template>
<script setup>
import { useConfig } from '@/stores/config'
import { useNavTabs } from '@/stores/navTabs'
import DefaultNavBar from './navBar/default.vue'
import ClassicNavBar from './navBar/classic.vue'
import StreamlineNavBar from './menus/menuHorizontal.vue'
import DoubleNavBar from '/layouts/components/navBar/double.vue'

const config = useConfig()
const navTabs = useNavTabs()
</script>

<script>
import { defineComponent } from 'vue'
export default defineComponent({
    name: 'layout/header',
    components: { DefaultNavBar, ClassicNavBar, StreamlineNavBar, DoubleNavBar },
})
</script>

<style scoped>
.layout-header {
    height: auto;
    padding: 0;
}
</style>
